// 1. ----------------------- 进入页码，马上做数据回填 ---------------------------
function renderUser() {
  // 发送请求，获取当前用户的信息。拿到信息之后，做数据回填
  $.ajax({
    url: '/my/user/userinfo',
    success: function (res) {
      // console.log(res);
      // $('input[name=username]').val(res.data.username);
      // $('input[name=nickname]').val(res.data.nickname);
      // $('input[name=email]').val(res.data.email);
      let form = layui.form; // 加载form模块
      // form.val('表单的lay-filter属性值', '对象格式的数据并且对象的属性名和input的name同名');
      form.val('abc', res.data);
      /**
       * {
       *   id: 1,
       *   nickname: 'ss',
       *   email: 'ddd',
       *   username: 'ddd',
       *   user_pic: 'dddddddd'
       * }
       */
    }
  });
}
renderUser();



// 2. ----------------------- 确认修改操作 ---------------------------
// 表单提交事件 --> 阻止默认行为 --> 收集数据 --> ajax提交
$('form').on('submit', function (e) {
  e.preventDefault();
  let data = $(this).serialize(); // 禁用 username 这一项
  $.ajax({
    type: 'POST',
    url: '/my/user/userinfo',
    data: data,
    success: function (res) {
      // console.log(res);
      layer.msg(res.message);
      if (res.status === 0) {
        // 更新成功，重新处理 index.html 侧边栏的欢迎你 xxx
        // 调用 getUserInfo() 重新设置欢迎你xxx
        // 使用下面的语法的条件是：必须使用 live server 打开页面
        window.parent.getUserInfo();
      }
    }
  });
})



// 3. ----------------------- 重置功能 ------------------------------
$('button[type=reset]').on('click', function (e) {
  e.preventDefault(); // 默认是清空，我们不希望清空
  // 重新回填数据，恢复成原样
  renderUser();
})